@charset "utf-8";



/* 注意：以下长度用em换算，1em=10px。特别注意文字大小，父子层级会继承，所以不要在div中定义字体大小，只能用span修改字体。

------------------------------------------------------------------------------------------------------ */



/* 全局样式

-------------------------------------------------------------- */

html,body,a,p,span,ul,img{ padding:0; margin:0; list-style:none; border:none; font-size:14px; font-family:"Microsoft YaHei","Arial"; color:#666;}

p{line-height:25px;}

img{ border:none; vertical-align:middle;}

td{ vertical-align:center; font-size:14px;}



*{margin:0;padding:0;}

body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img{border:medium none;margin:0;padding:0;}

body,button,input,select,textarea{outline:none;}

.body{background:#fff;}

.nbody{background:#efefef;}

ul,ol,li{list-style:none;}



img{border:0px;}

table,table tr,table td{border:solid 1px #777777; }

html,body{height:auto;margin:0 auto;}

.hide{display:none;}

.clear{clear:both;}

input,textarea{

	font-family:"Microsoft YaHei","Arial";

	}

h1,h2,h3,h4,h5,h6 { font-weight: bold; }



h1 { font-size: 3em; line-height: 1; margin:0; padding:0;}

h2 { font-size: 2em;  margin:0; padding:0;}

h3 { font-size: 1.5em; line-height: 1;  margin:0; padding:0;}

h4 { font-size: 1.2em; line-height: 1.25; margin:0; padding:0;}

h5 { font-size: 1em;  margin:0; padding:0;}

h6 { font-size: 1em; }



/* 页面基本元素

-------------------------------------------------------------- */



/* 链接样式 */

a {text-decoration:none;}

a:visited {text-decoration:none;}

a:hover {text-decoration:none;}



/* 常用元素 */

.clear { clear:both; font-size:1px; line-height:0px; height:0px; }



/* 层浮动 */

.left { float: left; }

.right{ float: right; }

.center { margin: 0 auto; }



/* 文字对齐 */

.tleft { text-align:left; }

.tright { text-align:right; }

.tcenter {text-align:center; }



img{
	webkit-transition: -webkit-transform .75s cubic-bezier(.19, 1, .22, 1);

    transition: -webkit-transform .75s cubic-bezier(.19, 1, .22, 1);

    transition: transform .75s cubic-bezier(.19, 1, .22, 1);

    transition: transform .75s cubic-bezier(.19, 1, .22, 1), -webkit-transform .75s cubic-bezier(.19, 1, .22, 1);

	}

/* top

-------------------------------------------------------------- */

.header{
	width:100%;
	height: 6.2rem;
	position: fixed;
	z-index: 9999;
	top:0;
	background:#fff;
	padding: 0 7%;
	}
.small{
	box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.3); 
}
.logo9{
	overflow:hidden;
}
.logo9 img{
	max-width:100%;
	height:auto;
	width: 18rem;
}
.tel{
	padding: 2.3125rem 0;
	margin-left: 2.875rem;
	position:relative;
	}
.tel:before{
	content:"";
	position:absolute;
	width: 0.1rem;
	height: 1.5rem;
	background:#ccc;
	left: -2.875rem;
	}
.tel a{
	font-size: 1.0625rem;
	}

/* nav
-------------------------------------------------------------- */
.menu, .menu ul {

  list-style: none;

  padding: 0;

}



.menu > li {

  position: relative;

  display: inline-block;

  outline: 0;

}



.submenu {

  position: absolute;

  left: 0;

  top: 100%;

  z-index: 0;

  overflow: hidden;

  /* IE8 needs this */

  overflow: hidden\0/ !important;

  max-height: 0;

  /* A .submenu should be only revealed when hovering the .menu */

  pointer-events: none;

}



.menu > li:hover .submenu, .menu > li:focus .submenu {

  pointer-events: auto;

  z-index: 10;

  max-height: 2000px;

  -webkit-transition: none;

     -moz-transition: none;

}



/* Default

 ================================================================= */

.submenu li {

  opacity: 0;



  -webkit-transition: opacity .4s, -webkit-transform .6s, max-height .6s;

     -moz-transition: opacity .4s,    -moz-transform .6s, max-height .6s;

      -ms-transition: opacity .4s,     -ms-transform .6s, max-height .6s;

       -o-transition: opacity .4s,      -o-transform .6s, max-height .6s;

          transition: opacity .4s,         transform .6s, max-height .6s;

}



.menu > li:hover .submenu li, .menu > li:focus .submenu li {

  opacity: 1;



  -webkit-transform: none;

     -moz-transform: none;

      -ms-transform: none;

       -o-transform: none;

          transform: none;

}

/* Shield

 ================================================================= */

.shield {

  overflow: visible;



  -webkit-perspective: 400px;

     -moz-perspective: 400px;

      -ms-perspective: 400px;

       -o-perspective: 400px;

          perspective: 400px;

}



.shield li {

  -webkit-transform: rotateX(90deg);

     -moz-transform: rotateX(90deg);

      -ms-transform: rotateX(90deg);

       -o-transform: rotateX(90deg);

          transform: rotateX(90deg);



  -webkit-transform-origin: 0 0;

     -moz-transform-origin: 0 0;

      -ms-transform-origin: 0 0;

       -o-transform-origin: 0 0;

          transform-origin: 0 0;



  -webkit-transition-timing-function: cubic-bezier(0, .35, .5, 1.7);

     -moz-transition-timing-function: cubic-bezier(0, .35, .5, 1.7);

      -ms-transition-timing-function: cubic-bezier(0, .35, .5, 1.7);

       -o-transition-timing-function: cubic-bezier(0, .35, .5, 1.7);

          transition-timing-function: cubic-bezier(0, .35, .5, 1.7);

}
.nav56{
	text-align:right;
	margin-right: 1rem;
}
.nav56 > ul{

	display:inline-block;
	margin:0;
	}

.nav56 span{

	display:block !important;

	width:100%;

	line-height:20px;
	font-size:13px;
	font-family:Arial;
	color:#b8b8b8;
	text-transform:uppercase;
}


.nav56 .menu3 > li{
	float:left;
	text-align:center;
	line-height: 10rem;
	position:relative;
	}
.nav56 .menu3 > li:before{
	content:"";
	width:0;
	height: 0.2rem;
	background: #1b3768;
	position:absolute;
	bottom:0;
	left:50%;
	margin-left: -0.9375rem;
	-webkit-transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
	transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
	}
.nav56 .menu3 > li:hover:before,.nav .menu > li.current:before{
	width:30px;
	}

.nav56 .menu3 > li a{
	color:#474747;
	font-size: 1rem;
	display:block;
	padding: 0 2.25rem;
	line-height: 6.22rem;
	}

.nav .menu3 > li:hover a,.nav .menu > li.current a{
	color:#c31f29;
	}

.nav56 .menu3 > li:hover span,.nav56 .menu > li.current span{
	display:block !important;
	}


.nav56 .menu3 > li .submenu{

	width:100%;

	}

.nav56 .menu3 > li .submenu li{

	width:100%;

	line-height:25px;
	padding: 5px 0;

	background:#c31f29;

	text-align:center;

	border-top:solid 1px #fff;

}

.nav56 .menu3 > li .submenu li a{

	display:block;
	color:#fff;
	background:none;
	font-size:14px;
	padding:0;
	line-height:25px;
}

.nav56 .menu3 > li .submenu li:hover{

	background:#b81e27;

}
.nav56 .menu3 > li.current:after{
	width:84px;
	}

.cont{
	width: 96.5rem;
	overflow:hidden;
	margin:auto;
	}
.cont1{
	width:1400px;
	height:auto;
	margin:auto;
	}

/* banner

-------------------------------------------------------------- */
.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1;
	margin-top: 6.22rem;
	height: 52.3rem;
}

.swiper-container-no-flexbox .swiper-slide {
	float: left
}

.swiper-container-vertical>.swiper-wrapper {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform,-webkit-transform;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0)
}

.swiper-container-multirow>.swiper-wrapper {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto
}

.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform,-webkit-transform
}
.swiper-slide .img img{
	width:100%;
	height:auto;
}
.swiper-slide-invisible-blank {
	visibility: hidden
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
	height: auto
}

.swiper-container-autoheight .swiper-wrapper {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-transition-property: height,-webkit-transform;
	transition-property: height,-webkit-transform;
	-o-transition-property: transform,height;
	transition-property: transform,height;
	transition-property: transform,height,-webkit-transform
}

.swiper-container-3d {
	-webkit-perspective: 1200px;
	perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
	background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
	background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
	background-image: -o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
	background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-right {
	background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
	background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
	background-image: -o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
	background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-top {
	background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
	background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
	background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
	background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
	background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
	background-image: -o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
	background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper {
	-ms-touch-action: pan-y;
	touch-action: pan-y
}

.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper {
	-ms-touch-action: pan-x;
	touch-action: pan-x
}
.swiper-button{
	width:19%;
	height: 6.1rem;
	background: #313b5e;
	position:absolute;
	right:0;
	bottom:0;
	z-index:998;
	}
.swiper-button-next,.swiper-button-prev {
	width: 7rem;
	height: 6rem;
	float:left;
}
.swiper-button-next{
	position:relative;
}
.swiper-button-next:before{
	content:"";
	width: 0.01rem;
	height: 2.25rem;
	background: rgb(255 255 255 / 40%);
	position:absolute;
	left:0;
	top: 2.0625rem;
}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none
}


.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {
	background: #313b5e url(../images/prev.png) no-repeat center;
}

.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {
	background: #313b5e url(../images/next.png) no-repeat center;
}

.swiper-button-lock {
	display: none
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: .3s opacity;
	-o-transition: .3s opacity;
	transition: .3s opacity;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
	bottom: 0;
	right: 19%;
	width: 3.75rem;
	height: 7.5rem;
	font-size: 1.5rem;
	font-weight:normal;
	line-height: 3.125rem;
	color:#fff;
	padding-top: 1.3125rem;
}
.swiper-pagination-fraction span{
	color:rgba(255,255,255,0.5);
	font-size: 1rem;
	display:block;
	line-height: 1.875rem;
}
.swiper-pagination-fraction span:before{
	content:"0";
}
.swiper-pagination-fraction .swiper-pagination-total:after{
	content:"";
	width: 0.01rem;
	height: 1.875rem;
	position:absolute;
	font-size: 1.5rem;
	background:rgba(255,255,255,0.5);
	color:rgba(255,255,255,0.5);
	left: 1.25rem;
	top: 2.5625rem;
	transform:rotate(60deg);
}
.swiper-pagination-fraction .swiper-pagination-current{
	color:#fff;
	font-size: 1.5rem;
	font-weight:bold;
	font-style: italic;
	text-align:left;
}

.swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transform: scale(.33);
	-ms-transform: scale(.33);
	transform: scale(.33);
	position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	-webkit-transform: scale(.66);
	-ms-transform: scale(.66);
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	-webkit-transform: scale(.33);
	-ms-transform: scale(.33);
	transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	-webkit-transform: scale(.66);
	-ms-transform: scale(.66);
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	-webkit-transform: scale(.33);
	-ms-transform: scale(.33);
	transform: scale(.33)
}

.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: .2
}

button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}

.swiper-pagination-bullet-active {
	opacity: 1;
	background: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0)

}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 6px 0;
	display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display: inline-block;
	-webkit-transition: .2s top,.2s -webkit-transform;
	transition: .2s top,.2s -webkit-transform;
	-o-transition: .2s transform,.2s top;
	transition: .2s transform,.2s top;
	transition: .2s transform,.2s top,.2s -webkit-transform
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transition: .2s left,.2s -webkit-transform;
	transition: .2s left,.2s -webkit-transform;
	-o-transition: .2s transform,.2s left;
	transition: .2s transform,.2s left;
	transition: .2s transform,.2s left,.2s -webkit-transform
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transition: .2s right,.2s -webkit-transform;
	transition: .2s right,.2s -webkit-transform;
	-o-transition: .2s transform,.2s right;
	transition: .2s transform,.2s right;
	transition: .2s transform,.2s right,.2s -webkit-transform
}

.swiper-pagination-progressbar {
	background: rgba(0,0,0,.25);
	position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: #007aff;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	-webkit-transform-origin: right top;
	-ms-transform-origin: right top;
	transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
	background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
	background: rgba(255,255,255,.25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
	background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
	background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
	background: rgba(0,0,0,.25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
	background: #000
}

.swiper-pagination-lock {
	display: none
}

.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0,0,0,.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%
}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0,0,0,.5);
	border-radius: 10px;

	left: 0;
	top: 0
}


.swiper-scrollbar-cursor-drag {
	cursor: move
}

.swiper-scrollbar-lock {
	display: none
}

.swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
	max-width: 100%;
	max-height: 100%;
	-o-object-fit: contain;
	object-fit: contain
}

.swiper-slide-zoomed {
	cursor: move
}

.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	-webkit-transform-origin: 50%;
	-ms-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;
	animation: swiper-preloader-spin 1s steps(12,end) infinite
}

.swiper-lazy-preloader:after {
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-position: 50%;
	background-size: 100%;
	background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes swiper-preloader-spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	-webkit-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
	pointer-events: none;
	-webkit-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-cube {
	overflow: visible
}

.swiper-container-cube .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
	visibility: hidden;
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	width: 100%;
	height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
	-webkit-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
	-webkit-filter: blur(50px);
	filter: blur(50px);
	z-index: 0
}

.swiper-container-flip {
	overflow: visible
}

.swiper-container-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
	-ms-perspective: 1200px
}

.mouse-index{
	position:absolute;
	bottom: 3rem;
	left:50%;
	width: 4.5rem;
	margin-left: -2.1875rem;
	z-index:999;
	}
.mouse {
  width: 1.875rem;
  overflow:hidden;
  position:relative;
  left:50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  -webkit-animation: scroll 1s infinite alternate;
  animation: scroll 1s infinite alternate;
}
.mouse img{width:1.875rem;}
.mouse-index p{
	width:100%;
	overflow:hidden;
	text-align:center;
	color:#fff;
	font-size: 1rem;
	line-height: 1.5625rem;
	margin-top: 1.25rem;
}
@-webkit-keyframes scroll {
  100% {
    -webkit-transform: translate(-50%, 8px);
            transform: translate(-50%, 8px);
  }
}
@keyframes scroll {
  100% {
    -webkit-transform: translate(-50%, 8px);

            transform: translate(-50%, 8px);
  }
}
/*banner*/

/* tit

-------------------------------------------------------------- */
.tit{
	width:100%;
	overflow:hidden;
	}
.tit .cp{
	width:100%;
	overflow:hidden;
	font-size:28px;
	color:#343434;
	text-align:center;
	line-height:40px;
	}
.tit .cp a{
	font-size:28px;
	color:#343434;		text-align:center;
	}
.tit p{
	width:100%;
	overflow:hidden;
	color:#a3a3a3;
	font-family:Arial;
	text-align:center;
	position:relative;
	text-transform:uppercase;
	margin-top:6px;
	}
.tit p:before{
	content:"";
	position:absolute;
	width:90px;
	height:1px;
	background:#c9c9c9;
	left:50%;
	margin-left:-170px;
	top:12px;
}
.tit p:after{
	content:"";
	position:absolute;
	width:90px;
	height:1px;
	background:#c9c9c9;
	right:50%;
	margin-right:-170px;
	top:12px;
}.tit .xw {		width:100%;	overflow:hidden;	font-size:28px;	color:#343434;	text-align:center;	line-height:40px;	}.tit .xw a{		width:100%;	overflow:hidden;	font-size:28px;	color:#343434;	text-align:center;	line-height:40px;	}	
.more{
	overflow:hidden;
	}
.more a{
	width: 11.5rem;
	height: 3.125rem;
	display:block;
	font-size: 1rem;
	color: #1b3768;
	line-height: 3.125rem;
	border: solid 0.1rem #1b3768;
	padding-left: 0.9375rem;
	position:relative;
	text-transform:uppercase;
	background:url(../images/tb9.png) no-repeat 90% center;
	}
	
/* fuwu
-------------------------------------------------------------- */
.fuwu{
	width:100%;
	overflow:hidden;
	background:#f8f8f8;
	padding:29px 0 40px 0;
	}
.fuwunr dl{
	width:20%;
	overflow:hidden;
	float:left;
	}
.fuwunr dl dt{
	width:100%;
	overflow:hidden;
	text-align:center;
	}
.fuwunr dl dd{
	width:100%;
	overflow:hidden;
	text-align:center;
	font-size:18px;
	line-height:30px;
	margin-top:10px;
	}

/* sb
-------------------------------------------------------------- */
.sb{
	width:100%;
	overflow:hidden;
	padding-top:60px;
	padding-bottom:66px;
}
.sb .sbnr{
	margin-top:40px;
	}
.sb .sbnr ul{
	width:100%;
	overflow:hidden;
	}
.sb .sbnr ul li{
	width:380px;
	overflow:hidden;
	float:left;
	margin-right:30px;
	position:relative;
	}
.sb .sbnr ul li:last-child{
	margin-right:0;
	}
.sb .sbnr ul li .sbimg{
	width:100%;
	overflow:hidden;
	}
.sb .sbnr ul li .sbbg{
	width:100%;
	height:100%;
	overflow:hidden;
	background:rgba(9,131,103,0.8);
	position:absolute;
	left:0;
	top:0;
	opacity:0;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
	}
.sb .sbnr ul li .sbbg .sbtb{
	width:100%;
	overflow:hidden;
	text-align:center;
	margin-top:88px;
	}
.sb .sbnr ul li:hover .sbbg{
	opacity:1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	}
.sb .sbnr ul li p{
	width:100%;
	overflow:hidden;
	text-align:center;
	font-size:20px;
	color:#fff;
	line-height:30px;
	margin-top:10px;
	}
.sb .more{
	margin-top:58px;
	}
.sb .more a{
	margin:auto;
	}
/* jyfw
-------------------------------------------------------------- */
.jyfw{
	width:100%;
	overflow:hidden;
	background:url(../images/fwbg.jpg) no-repeat top center;
	background-size:cover;
	padding-top:55px;
	padding-bottom:74px;
	}
.jyfw .titen{
	color:#fff;
	}
.jyfw .tit .h4 a{
	background:none;
	color:#fff;
	}	
.jyfwnr{
	margin-top:56px;
	}
.jyfwnr dl{
	width:200px;
	height:200px;
	overflow:hidden;
	float:left;
	background:#fff;
	padding-top:38px;
	margin-right:50px;
	margin-bottom:0;
	}
.jyfwnr dl:last-child{
	margin-right:0;
	}
.jyfwnr dl dt{
	width:100%;
	overflow:hidden;
	text-align:center;
	transition: all 0.5s;
	}
.jyfwnr dl dt .fwimg2{
	display:none;
	}
.jyfwnr dl:hover dt .fwimg1{
	display:none;
	}
.jyfwnr dl:hover dt .fwimg2{
	display:block;
	margin:auto;
	}
.jyfwnr dl dd{
	width:100%;
	overflow:hidden;
	text-align:center;
	font-size:22px;
	color:#098367;
	line-height:30px;
	margin-top:10px;
	}
.jyfwnr dl:hover dt{
	transform: rotateY(180deg);
	}
.jyfwnr dl:hover{
	background:#098367;
	}
.jyfwnr dl:hover dd{
	color:#fff;
	}
.fwtel{
	width:340px;
	height:62px;
	line-height:62px;
	overflow:hidden;
	background:#fff;
	border-radius:30px;
	position:relative;
	left:50%;
	margin-left:-170px;
	font-size:26px;
	color:#098367;
	padding-left:20px;
	margin-top:58px;
	}
.fwtel .fwtelnr{
	width:248px;
	height:62px;
	line-height:62px;
	overflow:hidden;
	position:absolute;
	right:0;
	top:0;
	background:#098367;
	color:#fff;
	font-size:26px;
	border-radius:30px;
	text-align:center;
	}
/* pro
-------------------------------------------------------------- */
.pro{
	width:100%;
	overflow:hidden;
	background:url(../images/probg.jpg) no-repeat bottom center;
	/* padding-top:64px; */
	/* padding-bottom:144px; */
}
@media only screen and (min-width: 1921px) and (max-width: 2560px) {
	.pro{
		background:url(../images/probg.jpg) no-repeat bottom center;
		background-size:cover;
	}
}
.promenu{
	width:100%;
	overflow:hidden;
	text-align:center;
	margin-top:34px;
	}
.promenu ul{
	overflow:hidden;
	display:inline-block;
	}
.promenu ul li{
	overflow:hidden;
	float:left;
	line-height:30px;
	margin:0 28px;
	padding-bottom:26px;
	position:relative;
	}
.promenu ul li:after{
	content:"";
	width:0;
	height:2px;
	background:#c31f29;
	position:absolute;
	left:0;
	bottom:0;
	-webkit-transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
    transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
	}
.promenu ul li a{
	font-size:16px;
	color:#343434;
	}
.promenu ul li:hover:after,.promenu ul li.cur:after{
	width:100%;
	}
.promenu ul li:hover a,.promenu ul li.cur a{
	color:#c31f29;
	}
.pronr .prolf,.pronr .prort{
	padding:0;
	}
.pronr .prolf .protit{
	width:100%;
	overflow:hidden;
	font-size:28px;
	color:#333;
	font-weight:bold;
	line-height:40px;
	}
.pronr .prolf .protiten{
	width:100%;
	overflow:hidden;
	font-size:17px;
	color:#cacaca;
	font-family:Arial;
	margin-bottom:36px;
	}
.pronr .prolf{
	padding-top:120px;
	}
.pronr .prolf p{
	width:100%;
	overflow:hidden;
	font-size:16px;
	color:#585858;
	line-height:30px;
	}
.pronr .prolf .pormore{
	margin-top:60px;
	width:160px;
	height:50px;
	display:block;
	text-align:center;
	line-height:50px;
	color:#fff;
	font-size:16px;
	background:#c31f29;
	-webkit-transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
    transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
	}
.pronr .prolf .pormore:hover{
	font-size:18px;
	font-weight:bold;
}
.pronr .prort{
	min-height:607px;
	text-align:center;
    padding-top: 170px;
	position:relative;
	}
.pronr .prort .probg2{
	width:100%;
	overflow:hidden;
	position:absolute;
	right:0;
	top:0;
	z-index:-1;
}
.pronr .prort img{
	max-width:100%;
	height:auto;
	}
.pronr .owl-carousel{
	margin-top:36px;
	}
	

/* link
-------------------------------------------------------------- */
.link{
	line-height:30px;
	font-size:16px;
	/* padding:30px 0 47px 0; */
	}
.linknr{
	color:rgba(255,255,255,0.5);
	font-size:16px;
	}
.link a{
	font-size:16px;
	margin-right:10px;
	color:rgba(255,255,255,0.5);
	}
html{font-size: calc(16vw / 1920 * 100);}